<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
[@seo type = "productContent"]
	<title>[#if product.seoTitle??]${product.seoTitle}[#elseif seo.title??][@seo.title?interpret /][/#if][#if systemShowPowered] - 【妖精猫】情趣商城[/#if]</title>
	<meta name="author" content="frankie" />
	
	[#if product.seoKeywords??]
		<meta name="keywords" content="${product.seoKeywords}" />
	[#elseif seo.keywords??]
		<meta name="keywords" content="[@seo.keywords?interpret /]" />
	[/#if]
	[#if product.seoDescription??]
		<meta name="description" content="${product.seoDescription}" />
	[#elseif seo.description??]
		<meta name="description" content="[@seo.description?interpret /]" />
	[/#if]
[/@seo]
<link href="${base}/resources/shop/css/common.css" rel="stylesheet" type="text/css" />
<link href="${base}/resources/shop/css/product.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${base}/resources/shop/js/jquery.js"></script>
<script type="text/javascript" src="${base}/resources/shop/js/jquery.tools.js"></script>
<script type="text/javascript" src="${base}/resources/shop/js/jquery.jqzoom.js"></script>
<script type="text/javascript" src="${base}/resources/shop/js/jquery.validate.js"></script>
<script type="text/javascript" src="${base}/resources/shop/js/common.js"></script>
<script type="text/javascript">
$().ready(function() {

	var $historyProduct = $("#historyProduct ul");
	var $clearHistoryProduct = $("#clearHistoryProduct");
	var $zoom = $("#zoom");
	var $scrollable = $("#scrollable");
	var $thumbnail = $("#scrollable a");
	var $specification = $("#specification dl");
	var $specificationTitle = $("#specification div");
	var $saleProp = $("#specification a");
	var $productNotifyForm = $("#productNotifyForm");
	var $productNotify = $("#productNotify");
	var $productNotifyEmail = $("#productNotify input");
	var $addProductNotify = $("#addProductNotify");
	var $quantity = $("#quantity");
	var $increase = $("#increase");
	var $decrease = $("#decrease");
	var $addCart = $("#addCart");
	var $addFavorite = $("#addFavorite");
	var $window = $(window);
	var $bar = $("#bar ul");
	var $introductionTab = $("#introductionTab");
	var $parameterTab = $("#parameterTab");
	var $reviewTab = $("#reviewTab");
	var $consultationTab = $("#consultationTab");
	var $introduction = $("#introduction");
	var $parameter = $("#parameter");
	var $review = $("#review");
	var $addReview = $("#addReview");
	var $consultation = $("#consultation");
	var $addConsultation = $("#addConsultation");
	var barTop = $bar.offset().top;
	var $taobaoUrl = $("#J_taobaoUrl");
	var $clickUrl = "h"+"t"+"t"+"p"+":"+"/"+"/"+"i"+"t"+"e"+"m"+"."+"t"+"a"+"o"+"b"+"a"+"o"+"."+"c"+"o"+"m"+"/"+"i"+"t"+"e"+"m"+"."+"h"+"t"+"m"+"?"+"i"+"d"+"=";
	var productMap = {};
	
	// 商品图片放大镜
	$zoom.jqzoom({
		zoomWidth: 418,
		zoomHeight: 418,
		title: false,
		showPreload: false,
		preloadImages: false
	});
	
	// 商品缩略图滚动
	$scrollable.scrollable();
	
	$thumbnail.hover(function() {
		var $this = $(this);
		if ($this.hasClass("current")) {
			return false;
		} else {
			$thumbnail.removeClass("current");
			$this.addClass("current").click();
		}
	});
	
	//SKU移动
	$saleProp.hover(function(){
		$(this).css("border","2px solid #be0106").css("margin","-1px");
	},function(){
		$(this).css("border","1px solid #b8b7bd").css("margin","0px");
	});
	
	// SKU选择
	$saleProp.click(function() {
		var $this = $(this);
		// 锁定 则跳过
		if ($this.hasClass("locked")) {
			return true;
		}
		
		//价格显示
		$price = $("#J_StrPrice dd span");
		$promoPrice = $("#J_PromoPrice dd span");
		$tmPoints = $("#J_tmPoints dd span");
		
		var stock = $this.attr("quantity");
		var quantity = parseInt($quantity.val());
		if(parseInt(stock) < parseInt(quantity)){
			$quantity.val(stock);
		}
		
		$this.toggleClass("selected").parent().siblings().children("a").removeClass("selected");
		
		if ($("#specification a.selected").length == 0){
			$price.text($price.attr("val"));
			$promoPrice.text($promoPrice.attr("val"));
			$tmPoints.text( parseInt($promoPrice.attr("val")));
		}else{
			$price.text($this.attr("m-price"));
			$promoPrice.text($this.attr("s-price"));
			$points =  Math.floor(parseInt($this.attr("s-price"))/2);
			$tmPoints.text($points);
		}
		
		return true;
	});
	
	// 检测购买数量输入是否为数字
	$quantity.keypress(function(event) {
		var key = event.keyCode ? event.keyCode : event.which;
		if ((key >= 48 && key <= 57) || key==8) {
			return true;
		} else {
			return false;
		}
	});
	
	//输入购买数量(超过sku数量，则最大显示为sku数量)
	$quantity.keyup(function() {
		var quantity = parseInt($quantity.val());
		$stockQuantity = parseInt($("#specification a.selected").attr("quantity"));
		if(isNaN($stockQuantity)){
			$quantity.val(1);
			return false;
		}
		if($stockQuantity <= quantity){
			$quantity.val($stockQuantity);
		}
	});
	
	// 增加购买数量(超过sku数,则不继续增加)
	$increase.click(function() {
		var quantity = parseInt($quantity.val());
		$stockQuantity = parseInt($("#specification a.selected").attr("quantity"));
		if(isNaN($stockQuantity) || $stockQuantity <= quantity){
			return false;
		}

		if (/^\d*[1-9]\d*$/.test(quantity)) {
			$quantity.val(parseInt(quantity) + 1);
		} else {
			$quantity.val(1);
		}
	});
	
	// 减少购买数量
	$decrease.click(function() {
		var quantity = parseInt($quantity.val());
		if ($("#specification a.selected").length == 0){
			return false;
		}
		
		if (/^\d*[1-9]\d*$/.test(quantity) && quantity > 1) {
			$quantity.val(quantity - 1);
		} else {
			$quantity.val(1);
		}
	});
	
	// 加入购物车
	$addCart.click(function() {
		
		$selected = $("#specification a.selected");
		if ($selected.length == 0){
			$.message("warn", "请选择需要购买的商品分类！");
			return false;
		}
		
		var quantity = $quantity.val();
		var skuId = $selected.attr("id");
		if (/^\d*[1-9]\d*$/.test(quantity) && parseInt(quantity) > 0) {
			$.ajax({
				url: "${base}/cart/add.jhtml",
				type: "POST",
				data: {id: ${product.id}, skuId: skuId, quantity: quantity},
				dataType: "json",
				cache: false,
				success: function(message) {
					$.message(message);
					$quantity.val(0);
				}
				
			});
		} else {
			$.message("warn", "${message("shop.product.quantityPositive")}");
		}
	});
	
	// 添加商品收藏
	$addFavorite.click(function() {
		$.ajax({
			url: "${base}/member/favorite/add.jhtml?id=${product.id}",
			type: "POST",
			dataType: "json",
			cache: false,
			success: function(message) {
				$.message(message);
			}
		});
		return false;
	});
	
	$window.scroll(function() {
		var scrollTop = $(this).scrollTop();
		if (scrollTop > barTop) {
			if (window.XMLHttpRequest) {
				$bar.css({position: "fixed", top: 0});
			} else {
				$bar.css({top: scrollTop});
			}
			var introductionTop = $introduction.size() > 0 ? $introduction.offset().top - 36 : null;
			var parameterTop = $parameter.size() > 0 ? $parameter.offset().top - 36 : null;
			var reviewTop = $review.size() > 0 ? $review.offset().top - 36 : null;
			var consultationTop = $consultation.size() > 0 ? $consultation.offset().top - 36 : null;
			if (consultationTop != null && scrollTop >= consultationTop) {
				$bar.find("li").removeClass("current");
				$consultationTab.addClass("current");
			} else if (reviewTop != null && scrollTop >= reviewTop) {
				$bar.find("li").removeClass("current");
				$reviewTab.addClass("current");
			} else if (parameterTop != null && scrollTop >= parameterTop) {
				$bar.find("li").removeClass("current");
				$parameterTab.addClass("current");
			} else if (introductionTop != null && scrollTop >= introductionTop) {
				$bar.find("li").removeClass("current");
				$introductionTab.addClass("current");
			}
		} else {
			$bar.find("li").removeClass("current");
			$bar.css({position: "absolute", top: barTop});
		}
	});
	
	[#if setting.isReviewEnabled && setting.reviewAuthority != "anyone"]
		// 发表商品评论
		$addReview.click(function() {
			if ($.checkLogin()) {
				return true;
			} else {
				$.redirectLogin("${base}/review/add/${product.id}.jhtml", "${message("shop.product.addReviewNotAllowed")}");
				return false;
			}
		});
	[/#if]
	
	[#if setting.isConsultationEnabled && setting.consultationAuthority != "anyone"]
		// 发表商品咨询
		$addConsultation.click(function() {
			if ($.checkLogin()) {
				return true;
			} else {
				$.redirectLogin("${base}/consultation/add/${product.id}.jhtml", "${message("shop.product.addConsultationNotAllowed")}");
				return false;
			}
		});
	[/#if]
	
	// 浏览记录
	var historyProduct = getCookie("historyProduct");
	var historyProductIds = historyProduct != null ? historyProduct.split(",") : new Array();
	for (var i = 0; i < historyProductIds.length; i ++) {
		if (historyProductIds[i] == "${product.id}") {
			historyProductIds.splice(i, 1);
			break;
		}
	}
	historyProductIds.unshift("${product.id}");
	if (historyProductIds.length > 6) {
		historyProductIds.pop();
	}
	addCookie("historyProduct", historyProductIds.join(","), {path: "${base}/"});
	$.ajax({
		url: "${base}/product/history.jhtml",
		type: "GET",
		data: {ids: historyProductIds},
		dataType: "json",
		traditional: true,
		cache: false,
		success: function(data) {
			$.each(data, function (index, product) {
				var thumbnail = product.thumbnail != null ? product.thumbnail : "${setting.defaultThumbnailProductImage}";
				$historyProduct.append('<li><img src="' + thumbnail + '" \/><a href="${base}' + product.path + '">' + product.name + '<\/a><span>' + currency(product.price, true) + '<\/span><\/li>');
			});
		}
	});
	
	// 清空浏览记录
	$clearHistoryProduct.click(function() {
		$historyProduct.empty();
		$(this).text("${message("shop.product.noHistoryProduct")}");
		removeCookie("historyProduct", {path: "${base}/"});
	});
	
	// 点击数
	$.ajax({
		url: "${base}/product/hits/${product.id}.jhtml",
		type: "GET"
	});
	
	
	[#if product.outId?has_content]
	//淘宝链接
	var $outId = "${product.outId}";
	var $outIds = $outId.split(":");
	$taobaoUrl.attr("href", $clickUrl + $outIds[1]);
	[/#if]
});
</script>
</head>
<body>
	[#include "/shop/include/header.ftl" /]
	[#assign productCategory = product.productCategory /]
	<div class="container productContent">
		<div style="min-height: 540px;position: relative;width: 990px;z-index: 100;">	
			<div class="path">
				<ul>
					<li>
						<a href="${base}/">${message("shop.path.home")}</a>
					</li>
					[@product_category_parent_list productCategoryId = productCategory.id]
						[#list productCategories as productCategory]
							<li>
								<a href="${base}${productCategory.path}">${productCategory.name}</a>
							</li>
						[/#list]
					[/@product_category_parent_list]
					<li>
						<a href="${base}${productCategory.path}">${productCategory.name}</a>
					</li>
				</ul>
			</div>
			
			<div class="tb-property" style="float: left;width: 100%;">
				<div class="tb-wrap" style="color: #666;margin: 0 0 0 460px;padding: 0 0 10px;">
					<div class="name" style="color: #000;padding: 20px 10px 12px;"><h1>${product.name}[#if product.isGift] [${message("shop.product.gifts")}][/#if]</h1></div>
					<div class="sn">
						<div>${message("Product.sn")}: ${product.sn}</div>
						[#if product.scoreCount > 0]
							<div>${message("Product.score")}:</div>
							<div class="score${(product.score * 2)?string("0")}"></div>
							<div>${product.score?string("0.0")} (${message("Product.scoreCount")}: ${product.scoreCount})</div>
						[/#if]
					</div>
					<div class="info" style="background-image:url(/resources/shop/images/tb_property_bg.png);background-color: #e9e9e9;background-repeat: no-repeat;font: 12px;fomt-family:Microsoft Yahei;left: 0;margin-right: 20px;padding-bottom: 5px;padding-top: 5px;position: relative;z-index: 10;">
						<div class="tb-coupon-panel" style="font:400 12px/35px 'Microsoft Yahei',tahoma,arial;height: 35px;margin: 0 10px 0 8px;position: relative;"><img style="display: inline-block;float: left;margin: 10px 5px 0 0;" height="16" src="/resources/shop/images/coupon.png">妖精猫夫妻性用品 <a style="background-position: right center;background-repeat: no-repeat;color: #dd2727;cursor: pointer;display: inline-block;font: 400 12px/35px 'Microsoft Yahei',tahoma,arial;padding-right: 30px;position: absolute;right: 0;top: 0;">去抢购</a></div>
						
						<dl id="J_StrPrice" class="tm-price-panel" style="color: #333;padding-left: 0;position: static;">
					        <dt style="color: #999;float: left;font-size: 12px;margin: 0 0 0 8px;text-align: left;width: 69px;" class="tb-metatit">价格：</dt>
					        <dd style="color: #333;font-family: Arial;margin-left: 70px;position: relative;"><em class="tm-yen">¥</em> <span style="font-size: 14px;text-decoration: line-through;" class="tm-price" val="${currency(product.marketPrice, false)}">${currency(product.marketPrice, false)}</span></dd>
					    </dl>
						
						<dl id="J_PromoPrice" class="tm-price-panel" style="color: #333;padding-left: 0;position: static;">
					        <dt style="color: #999;float: left;font-size: 12px;margin: 0 0 0 8px;text-align: left;width: 69px;" class="tb-metatit">优惠价：</dt>
					        <dd style="color: #333;font-family: Arial;margin-left: 70px;padding: 4px 0;"><div style="font-size: 12px;line-height: 24px;position: relative;" class="tm-promo-price"><em style="color: #c40000;font-family: Arial;font-size: 18px;vertical-align: middle;" class="tm-yen">¥</em> <span style="color: #c40000;font-family: Arial;font-size: 30px;font-weight: bolder;vertical-align: middle;" class="tm-price" val="${currency(product.price, false)}">${currency(product.price, false)}</span><em style="background-color: #f47a86;border-radius: 2px;color: #fff;height: 16px;line-height: 16px;margin: 0 2px 4px 6px;padding: 1px 5px;position: relative;" class="tm-promo-type "><s style="-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: transparent #f47a86 #f47a86 transparent;border-image: none;border-style: solid;border-width: 3px;bottom: 0;display: block;font-size: 0;height: 0;left: -4px;position: absolute;width: 0;"></s>好品靓货购</em>&nbsp;&nbsp;</div></dd>
					    </dl>
						
						[#if product.memberPrice?has_content]
							<dl>
								<dt>${message("Product.memberPrice")}：</dt>
								<dd>
									[#list product.memberPrice.keySet() as memberRank]
										${memberRank.name}: <span>${currency(product.memberPrice.get(memberRank), true)}</span>
									[/#list]
								</dd>
							</dl>
						[/#if]
						[#if product.validPromotions?has_content]
							<dl>
								<dt>${message("Product.promotions")}：</dt>
								<dd>
									[#list product.validPromotions as promotion]
										<a href="${base}${promotion.path}" target="_blank"[#if promotion.beginDate?? || promotion.endDate??] title="${promotion.beginDate} ~ ${promotion.endDate}"[/#if]>${promotion.name}</a>
									[/#list]
								</dd>
							</dl>
						[/#if]
						[#if product.point > 0]
							<dl id="J_tmPoints">
								<dt style="color: #999;float: left;font-size: 12px;margin: 0 0 0 8px;text-align: left;width: 69px;">${message("Product.point")}：</dt>
								<dd style="color: #ff6600;font-family: Arial;margin-left: 70px;position: relative;"><span style="font-size: 14px;" val="${product.point}">${product.point}</span></dd>
							</dl>
						[/#if]
						<dl style="color: #333;padding-left: 0;position: static;" class="tm-price-panel">
							<dt style="color: #999;float: left;font-size: 12px;margin: 0 0 0 8px;text-align: left;width: 69px;">服务：</dt>
							<dd style="font-family: Arial;margin-left: 70px;position: relative;font-size:14px;">
								<p class="c9">私密配送<em class="vline"> | </em>支持货到付款<em class="vline"> | </em>正品保障<em class="vline"> | </em>满99元包邮</p>
							</dd>
						</dl>
					</div>
					[#if !product.isGift]
						<div class="action">
							[#if product.stockKeepingUnit?has_content]
								<div id="specification" class="specification clearfix">
									[#assign skuList = product.stockKeepingUnit /]
									<dl>
										<dt>
											<span title="款式、分类">分类:</span>
										</dt>
										<dd>
											<ul class="tm-clear J_SaleProp tb-img " data-property="款式分类" style="width:420px;">
											[#list skuList as sku]
											<li title="${sku.skuItem}" class="fl" style="line-height:28px;margin: 0 4px 4px 0;padding: 1px;">
												<a  href="javascript:;" [#if sku.image?has_content]
																		class="image" id="${sku.id}" quantity="${sku.stockQuantity}" m-price="${sku.marketPrice}" s-price="${sku.skuPrice}" style="border: 1px solid #b8b7bd;width: 38px !important;height: 38px;min-width: 10px;line-height: 38px;"><img src="${sku.image}" alt="${sku.skuItem}" title="${sku.skuItem}" />
																		[#else]
																		class="txt" id="${sku.id}" quantity="${sku.stockQuantity}" m-price="${sku.marketPrice}" s-price="${sku.skuPrice}" style="border: 1px solid #b8b7bd;padding: 0 5px;width: auto !important;height: 38px;min-width: 10px;line-height: 38px;">${sku.skuItem}
																		[/#if]
													<span title="${message("shop.product.selected")}">&nbsp;</span>
												</a>
											</li>
											[/#list]
											</ul>
										</dd>
									</dl>
								</div>
							[/#if]
							
							[#if product.isOutOfStock]
								<form id="productNotifyForm" action="${base}/product_notify/save.jhtml" method="post">
									<dl id="productNotify" class="productNotify">
										<dt>${message("shop.product.productNotifyEmail")}:</dt>
										<dd>
											<input type="text" name="email" maxlength="200" />
										</dd>
									</dl>
								</form>
							[#else]
								<dl class="quantity">
									<dt>${message("shop.product.quantity")}:</dt>
									<dd>
										<input type="text" id="quantity" name="quantity" value="1" maxlength="4" onpaste="return false;" />
										<div>
											<span id="increase" class="increase">&nbsp;</span>
											<span id="decrease" class="decrease">&nbsp;</span>
										</div>
									</dd>
									<dd>
										${product.unit!message("shop.product.defaultUnit")}
									</dd>
								</dl>
							[/#if]
							<div class="buy">
								[#if product.isOutOfStock]
									<input type="button" id="addProductNotify" class="addProductNotify" value="${message("shop.product.addProductNotify")}" />
								[#else]
									<a href="" id="J_taobaoUrl"><input type="button" id="taobaoBuy" class="taobaoBuy btn" value="淘宝购买" /></a>
									<input type="button" id="addCart" class="addCart btn" value="加购物车" />
								[/#if]
							</div>
						</div>
					[/#if]
					<div class="lh25 gray yahei f14 pl10 pt10">订购电话: <em class="f16 red" title="您可以拨打我们的全国免费服务热线:05726029995">0572-6029995</em>
						<span id="dx_tip" class="hand" style="margin-left: 24px;">短信订购：<em class="tre f16">17706825071</em></span><a id="addFavorite" href="javascript:;" style="float: right;padding-right: 18px;">收藏商品</a></div>
				</div>
			</div>
			<div class="productImage" style="float: left;margin-left: -100%;position: relative;width: 460px;">
				[#if product.productImages?has_content]
					<a id="zoom" href="${product.productImages[0].large}" rel="gallery">
						<img class="medium" style="max-height: 100%;max-width: 100%;vertical-align: middle;" src="${product.productImages[0].medium}" />
					</a>
				[#else]
					<a id="zoom" href="${setting.defaultLargeProductImage}" rel="gallery">
						<img class="medium" src="${setting.defaultMediumProductImage}" />
					</a>
				[/#if]
				<div id="scrollable" class="scrollable">
					<div class="items">
						[#if product.productImages?has_content]
							[#list product.productImages as productImage]
								<a[#if productImage_index == 0] class="current"[/#if] href="javascript:;" rel="{gallery: 'gallery', smallimage: '${productImage.medium}', largeimage: '${productImage.large}'}"><img src="${productImage.thumbnail}" title="${productImage.title}" /></a>
							[/#list]
						[#else]
							<a class="current" href="javascript:;"><img src="${setting.defaultThumbnailProductImage}" /></a>
						[/#if]
					</div>
				</div>
			</div>
			<div id="skuRight" style="position: absolute;right: -200px;top:0;width: 200px;height:600px;z-index: 0;">
			</div>
		</div>
		
		
	</div>
	
	
	<div class="container productContent">
		<div class="span6">
			<div class="hotProductCategory">
				[@product_category_root_list]
					[#list productCategories as category]
						<dl[#if !category_has_next] class="last"[/#if]>
							<dt>
								<a href="${base}${category.path}">${category.name}</a>
							</dt>
							[@product_category_children_list productCategoryId = category.id count = 4]
								[#list productCategories as productCategory]
									<dd>
										<a href="${base}${productCategory.path}">${productCategory.name}</a>
									</dd>
								[/#list]
							[/@product_category_children_list]
						</dl>
					[/#list]
				[/@product_category_root_list]
			</div>
			<div class="hotProduct">
				<div class="title">${message("shop.product.hotProduct")}</div>
				<ul>
					[@product_list productCategoryId = productCategory.id count = 6 orderBy="monthSales desc"]
						[#list products as product]
							<li[#if !product_has_next] class="last"[/#if]>
								<a href="${base}${product.path}" title="${product.name}">${abbreviate(product.name, 30)}</a>
								[#if product.scoreCount > 0]
									<div>
										<div>${message("Product.score")}: </div>
										<div class="score${(product.score * 2)?string("0")}"></div>
										<div>${product.score?string("0.0")}</div>
									</div>
								[/#if]
								<div>${message("Product.price")}: <strong>${currency(product.price, true, true)}</strong></div>
								<div>${message("Product.monthSales")}: <em>${product.monthSales}</em></div>
							</li>
						[/#list]
					[/@product_list]
				</ul>
			</div>
			<div id="historyProduct" class="historyProduct">
				<div class="title">${message("shop.product.historyProduct")}</div>
				<ul></ul>
				<a href="javascript:;" id="clearHistoryProduct" class="clearHistoryProduct">${message("shop.product.clearHistoryProduct")}</a>
			</div>
		</div>
		<div class="span18 last" style="width:790px;">

			<div id="bar" class="bar">
				<ul>
					[#if product.introduction?has_content]
						<li id="introductionTab">
							<a href="#introduction">${message("shop.product.introduction")}</a>
						</li>
					[/#if]
					[#if product.parameterValue?has_content]
						<li id="parameterTab">
							<a href="#parameter">${message("shop.product.parameter")}</a>
						</li>
					[/#if]
					[#if setting.isReviewEnabled]
						<li id="reviewTab">
							<a href="#review">${message("shop.product.review")}</a>
						</li>
					[/#if]
					[#if setting.isConsultationEnabled]
						<li id="consultationTab">
							<a href="#consultation">${message("shop.product.consultation")}</a>
						</li>
					[/#if]
				</ul>
			</div>
			[#if (product.parameterValue.size() >= 3)]
				<table class="brief">
					[#list product.parameterValue.keySet() as parameter]
						[#if parameter_index == 0]
							<tr>
						[/#if]
						<th>${abbreviate(parameter.name, 20)}</th>
						<td>
							<span title="${product.parameterValue.get(parameter)}">${abbreviate(product.parameterValue.get(parameter), 30, "...")}</span>
						</td>
						[#if (parameter_index == 2 && product.parameterValue?size < 6) || parameter_index == 5]
							</tr>
							[#break /]
						[#elseif (parameter_index + 1) % 3 == 0]
							</tr>
							<tr>
						[/#if]
					[/#list]
				</table>
			[/#if]
			[#if product.introduction?has_content]
				<div id="introduction" name="introduction" class="introduction">
					<div class="title">
						<strong>${message("shop.product.introduction")}</strong>
					</div>
					<div>
						${product.introduction}
					</div>
				</div>
			[/#if]
			[#if product.parameterValue?has_content]
				<div id="parameter" name="parameter" class="parameter">
					<div class="title">
						<strong>${message("shop.product.parameter")}</strong>
					</div>
					<table>
						[#list productCategory.parameterGroups as parameterGroups]
							<tr>
								<th class="group" colspan="2">${parameterGroups.name}</th>
							</tr>
							[#list parameterGroups.parameters as parameter]
								[#if product.parameterValue.get(parameter)??]
									<tr>
										<th>${parameter.name}</th>
										<td>${product.parameterValue.get(parameter)}</td>
									</tr>
								[/#if]
							[/#list]
						[/#list]
					</table>
				</div>
			[/#if]
			[#if setting.isReviewEnabled]
				<div id="review" name="review" class="review">
					<div class="title">${message("shop.product.review")}</div>
					<div class="content clearfix">
						[#if product.scoreCount > 0]
							<div class="score">
								<strong>${product.score?string("0.0")}</strong>
								<div>
									<div class="score${(product.score * 2)?string("0")}"></div>
									<div>${message("Product.scoreCount")}: ${product.scoreCount}</div>
								</div>
							</div>
							<div class="graph">
								<span style="width: ${(product.score * 20)?string("0.0")}%">
									<em>${product.score?string("0.0")}</em>
								</span>
								<div>&nbsp;</div>
								<ul>
									<li>${message("shop.product.graph1")}</li>
									<li>${message("shop.product.graph2")}</li>
									<li>${message("shop.product.graph3")}</li>
									<li>${message("shop.product.graph4")}</li>
									<li>${message("shop.product.graph5")}</li>
								</ul>
							</div>
							<div class="handle">
								<a href="${base}/review/add/${product.id}.jhtml" id="addReview">${message("shop.product.addReview")}</a>
							</div>
							[@review_list productId = product.id count = 5]
								[#if reviews?has_content]
									<table>
										[#list reviews as review]
											<tr>
												<th>
													${review.content}
													<div class="score${(review.score * 2)?string("0")}"></div>
												</th>
												<td>
													[#if review.member??]
														${review.member.username}
													[#else]
														${message("shop.product.anonymous")}
													[/#if]
													<span title="${review.createDate?string("yyyy-MM-dd HH:mm:ss")}">${review.createDate?string("yyyy-MM-dd")}</span>
												</td>
											</tr>
										[/#list]
									</table>
									<p>
										<a href="${base}/review/content/${product.id}.jhtml">[${message("shop.product.viewReview")}]</a>
									</p>
								[/#if]
							[/@review_list]
						[#else]
							<p>
								${message("shop.product.noReview")} <a href="${base}/review/add/${product.id}.jhtml" id="addReview">[${message("shop.product.addReview")}]</a>
							</p>
						[/#if]
					</div>
				</div>
			[/#if]
			[#if setting.isConsultationEnabled]
				<div id="consultation" name="consultation" class="consultation">
					<div class="title">${message("shop.product.consultation")}</div>
					<div class="content">
						[@consultation_list productId = product.id count = 5]
							[#if consultations?has_content]
								<ul>
									[#list consultations as consultation]
										<li[#if !consultation_has_next] class="last"[/#if]>
											${consultation.content}
											<span>
												[#if consultation.member??]
													${consultation.member.username}
												[#else]
													${message("shop.consultation.anonymous")}
												[/#if]
												<span title="${consultation.createDate?string("yyyy-MM-dd HH:mm:ss")}">${consultation.createDate?string("yyyy-MM-dd")}</span>
											</span>
											[#if consultation.replyConsultations?has_content]
												<div class="arrow"></div>
												<ul>
													[#list consultation.replyConsultations as replyConsultation]
														<li>
															${replyConsultation.content}
															<span title="${replyConsultation.createDate?string("yyyy-MM-dd HH:mm:ss")}">${replyConsultation.createDate?string("yyyy-MM-dd")}</span>
														</li>
													[/#list]
												</ul>
											[/#if]
										</li>
									[/#list]
								</ul>
								<p>
									<a href="${base}/consultation/add/${product.id}.jhtml" id="addConsultation">[${message("shop.product.addConsultation")}]</a>
									<a href="${base}/consultation/content/${product.id}.jhtml">[${message("shop.product.viewConsultation")}]</a>
								</p>
							[#else]
								<p>
									${message("shop.product.noConsultation")} <a href="${base}/consultation/add/${product.id}.jhtml" id="addConsultation">[${message("shop.product.addConsultation")}]</a>
								</p>
							[/#if]
						[/@consultation_list]
					</div>
				</div>
			[/#if]
		</div>
	</div>
	[#include "/shop/include/footer.ftl" /]
</body>
</html>